import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';
import { getScreenInfo } from '../../../../../../util/screen';
import { APP_BLACK } from '../../../../../../constant/color';

const { width } = getScreenInfo({});

export default StyleSheet.create({
  container: {
    flex: 1,
    width,
    paddingHorizontal: phonePx(20)
  },
  content: {
    marginTop: phonePx(-3)
  },
  paddingTop: {
    paddingTop: phonePx(18)
  },
  button: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    height: phonePx(54)
  },
  loadTitle: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  icon: {
    width: phonePx(18),
    height: phonePx(20)
  },
  title: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '400',
    marginLeft: phonePx(8)
  },
  subTitle: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '500'
  },
  arrow: {
    width: phonePx(6.8),
    height: phonePx(11.8)
  },
  line: {
    height: phonePx(1),
    backgroundColor: '#F4F4F4',
    marginVertical: phonePx(16)
  }
});
